<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title> news </title>
	<meta name="generator" content="editplus" />
	<meta name="author" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />

	<link href="../css/base.css" rel="stylesheet" type="text/css" />
	<link href="../css/reset.css" rel="stylesheet" type="text/css" />
	<link href="../css/news.css" rel="stylesheet" type="text/css" />
</head>
	<!-- header start -->
	<div id="header">
		<ul class="nav">
			<li class="nav_left">
				<a class="turn1" href="#">发现</a>
			</li>
			<li class="nav_mid">
				<a class="turn2" href="#">赞友</a>
			</li>
			<li class="nav_right">
				<a class="turn2" href="#">收藏</a>
			</li>
		</ul>
		<!--
		<div class="nav_share_button">
			<a class="turn1">发布分享</a>
			<input type="submit" class="turn2" value="提交" />
		</div>
		-->
		<div class="nav_user_bar">
			<a class="user_name" href="#">你好，黄宇</a>
			<img src="../images/usericon.jpg" height="20px" width="20px"/>
			<img src="../images/1.png"/>
			<span>15</span>
			<img src="../images/2.png"/>
			<span>15</span>
		</div>

		<div class="nav_set_button">
			<a class="set" href="#">设置</a>
			<a class="helf" href="#">帮助</a>
			<a class="out" href="#">退出</a>
		</div>
	</div>
	<!-- header end -->

	<!-- con start -->
	<div id="con">
		<!-- left start -->
		<div class="con_left">

			<div class="top_bar">
				<span class="left">赞友为你分享...</span>
				<div class="right">
					<span>RSS</span>
					<img src="../images/rss.png"/>
				</div>
			</div>

			<div class="news_main clearfix">
				<ul>
					<!--新闻标题-->
					<li class="news_title">
						<p>PanDa战队Loner&Luffy受邀BlizzCon</p>
					</li>

					<!--新闻内容-->
					<li>
						<div class='news_con'>
							<div class='news_pic'>
								<img src='../images/suo.jpg' />
							</div>

							<div class='news_info'>
							
								<ul>
									<!--显示用户操作信息-->
									<li class='news_users_info'>
										<ul>
											<!--分享-->
											<li>
												<img src='../images/1.png' />
												<span>分享(15)</span>
											</li>

											<!--来源-->
											<li>
												<img src='../images/tips_web.png' />
												<span>sina.com</span>
											</li>
											<!--分享时间-->
											<li>
												<img src='../images/2.png' />
												<span>分享于5分钟前</span>
											</li>
										</ul>
									</li>

									<!--新闻内容-->
									<li>
										<p>
										
										中新网10月18日电 智利矿难营救结束后，曾给总统送上矿石作礼物的获救矿工塞普尔维达(Mario Sepulveda)接受传媒专访，
										忆述被困的最初14天。据香港《明报》报道，他讲述了生活在完全黑暗环境中的苦恼，不知日与夜，只能祈求上帝施救。
										他声称，所有人在矿井内靠民主机制做决策，并且分工合作，经常互相鼓励，才能成功坚持到最后。视频：
										最后一名救援人员升井 智利营救圆满结束 来源：由于获救矿工有言在先不会向外界透露矿井生活
										，会集体出书爆料，塞普尔维达有打破约定之嫌。他接受英国《星期日邮报》专访说：“有些
										事是必须说出来的。我们经历了地狱的生活，但我们得到了重生，现在我觉得我的任务是
										告诉大家发生了什么事以及整件事的教训。”
										</p>
									</li>

									<!--标签-->
									<li class='news_info_oper'>
										<ul>
											<li>
												<a href='#'>顶(44)</a>
											</li>
											<li>
												<a href='#'>踩(44)</a>
											</li>
										</ul>
									</li>
								</ul>
							</div>

						</div>
					</li>
				</ul>
			</div>

			<!--用户标签和分享的人-->
			<div class='news_tag news_other'>
				<div class='ra_title'>
					<img src='../images/4.png' />
					<span>常用的标签</span>
				</div>

				<ul>
					<li>
						<span>CSS(22)</span>
					</li>

					<li>
						<span>魔兽世界(22)</span>
					</li>

					<li>
						<span>dota(22)</span>
					</li>

					<li>
						<span>sl(22)</span>
					</li>
				</ul>
			</div>
			<div class='news_share news_other'>
				<div class='ra_title'>
					<img src='../images/5.png' />
					<span>同样也喜欢这个分享的赞友...</span>
				</div>

				<ul>
					<li>
						<img width=30 height=30 src='../images/usericon.jpg'>
					</li>

					<li>
						<img width=30 height=30 src='../images/usericon.jpg'>
					</li>
					<li>
						<img width=30 height=30 src='../images/usericon.jpg'>
					</li>
					<li>
						<img width=30 height=30 src='../images/usericon.jpg'>
					</li>
					<li>
						<img width=30 height=30 src='../images/usericon.jpg'>
					</li>
				</ul>
			</div>
			<div class="top_bar">
				<span class="left">赞友评论</span>
			</div>

			<div class='news_comments'>
				<div class='add_comments'>
					<textarea></textarea>
					<div class='_button'>
						<a href='#'>发表评论</a>
					</div>
				</div>
				<div class='clearfix'></div>

				<div class='news_user_comment clearfix'>
					<div class='user_icon'>	
						<img src='../images/usericon.jpg'/>
						<p>喻新</p>
					</div>
					<div class="comments_con">
						<p>中国两名星际2选手Panda.loner与Panda.luffy获邀参加即将于今年十月举行的暴雪嘉年华2010全球精英邀请赛，
						这也是两位星际2选手首次走出国门参加国际顶级赛事，祝愿他们能取得好成绩！ 暴雪嘉年华是一场史诗级的游戏的庆典，
						作为我们所有暴雪的粉丝一次全球范围内的集会；暴雪嘉年华会一如既往的邀请世界上最顶尖的职业选手来进行魔兽世界竞
						</p>
						<p>2010年9月21日 14:20</p>
					</div>
				</div>


				<div class='news_user_comment clearfix'>
					<div class='user_icon'>	
						<img src='../images/usericon.jpg'/>
						<p>喻新</p>
					</div>
					<div class="comments_con">
						<p>中国两名星际2选手Panda.loner与Panda.luffy获邀参加即将于今年十月举行的暴雪嘉年华2010全球精英邀请赛，
						这也是两位星际2选手首次走出国门参加国际顶级赛事，祝愿他们能取得好成绩！ 暴雪嘉年华是一场史诗级的游戏的庆典，
						作为我们所有暴雪的粉丝一次全球范围内的集会；暴雪嘉年华会一如既往的邀请世界上最顶尖的职业选手来进行魔兽世界竞
						</p>
						<p>2010年9月21日 14:20</p>
					</div>
				</div>
			</div>

			<!--更多-->
			<div class="more_bar">
				<span class="more">加载更多</span>
			</div>
		</div>
		<!-- left end -->
		<div class="con_right">
			<form class="top_search_form" id="search_form" action="/" method="POST">
				<input type="text" class="con_txt" />
				<input type="submit" class="up_but" value="搜索"/>
			</form>
			<p class="right_p">
				他们在为你分享...
			</p>
			<div class="right_share clearfix">
				<ul>
					<li>
						<div style='float:left;'>
							<img src="../images/user_icon.jpg" />
						</div>
						<div class="right">
							<p class="name">李晓明</p>
							<ul>
								<li>
									<img src='../images/right_share.jpg' />
									<span>分享(15) </span>
								</li>
								<li>
									<img class='icon_fensi' src='../images/right_fensi.jpg'/>
									<span>粉丝(15)</span>
								</li>
								<br/>
								<li>
									<img src='../images/right_comm.png' />
									<span>评论(15) </span>
								</li>
								<li>
									<img  class='icon_fa' src='../images/right_fa.png'/>
									<span>发布 (15) </span>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<!--兴趣-->
			<div class='right_interest'>
				<p>
					<img src='../images/xinqu.png'/>
					<span>兴趣</span>
				</p>

				<ul>
					<li>
						<img src='../images/3.png'/>
						<span>dota</span>
					</li>

					<li>
						<img src='../images/3.png'/>
						<span>dota</span>
					</li>

					<li>
						<img src='../images/3.png'/>
						<span>火影忍者</span>
					</li>

					<li>
						<img src='../images/3.png'/>
						<span>dota</span>
					</li>

				</ul>
			</div>

			<p class="right_p clearfix">
				你的粉丝...
			</p>

			<ul class="right_fensi_ul clearfix">
				<li>
					<img src="../images/user_icon.jpg" />
					<p class="name">李晓明</p>
				</li>

				<li>
					<img src="../images/user_icon.jpg" />
					<p class="name">李晓明李晓明李晓明</p>
				</li>

				<li>
					<img src="../images/user_icon.jpg" />
					<p class="name">李晓明</p>
				</li>

				<li>
					<img src="../images/user_icon.jpg" />
					<p class="name">李晓明</p>
				</li>

				<li>
					<img src="../images/user_icon.jpg" />
					<p class="name">李晓明</p>
				</li>

				<li>
					<img src="../images/user_icon.jpg" />
					<p class="name">李晓明</p>
				</li>
			</ul>
			<div class="fensi_more_but">
				<a class="next" href="#">后一页</a>
				<a class="more" href="#">更多</a>
				<a class="up" href="#">前一页</a>
			</div>
		</div>
	</div>
	<!-- con end -->
	<div id="footer" class='clearfix'>
	</div>

<body>
  
</body>
</html>
